<template>
    <div class="about" @click="$refs.header.tabShow = false">
      <header-tab ref="header"/>
      <div class="wrap">
        <div class="about-us">
          <div class="container">
            <div class="about-software">
              <h4>关于老衲软件<span>About us</span></h4>
              <dl class="clearfix">
                <dt class="fr"><img src="//as.zbjimg.com/static/utopia-software-swmain-web/widget/about/images/pic_01_da2418b.jpg"></dt>
                <dd class="fl">
                  <h5>中国一站式软件开发服务平台</h5>
                  <p>老衲软件是老衲网旗下一站式企业级软件服务平台，专注于为中大型软件项目提供全生命周期的软件开发服务。<br>依托老衲集团强大的线上线下资源，借助25万+的优质服务商资源，依托老衲软件自主开发的技术协作平台和可持续构建体系，老衲软件打造了软件全生命周期管控平台，真正打造了从软件需求到技术开发，从早期设计到持续迭代，从项目管理到质量保证的互联网、全透明、可视化的管理体系。</p>
                  <i></i>
                </dd>
              </dl>
              <dl class="clearfix">
                <dt class="fl"><img src="//as.zbjimg.com/static/utopia-software-swmain-web/widget/about/images/pic_02_647c006.jpg"></dt>
                <dd class="fr">
                  <h5>技术合伙人模式为你企业发展助力</h5>
                  <p>老衲软件将为软件外包客户带来优质的服务体验，客户带着自己的想法就可以获得一个稳定可运行的系统，且全程透明、在线可视的参与到从需求整理到项目上线的全过程中。基于老衲软件的总分包服务，传统外包领域所面临的价格不透明、进度不清晰、需求不清楚、技术不靠谱、项目无故延期等问题都将大大降低。<br>老衲软件希望改变传统软件外包市场失败率高、客户体验差、服务商生存压力大等现状，致力于构建健康、共赢、持续发展的软件外包服务体系。</p>
                  <i></i>
                </dd>
              </dl>
            </div>
            <div class="partners clearfix">
              <h4><span>战略合作伙伴</span><i></i></h4>
              <div id="t-partnerList">

                <a :href="item.url ? item.url : 'javascript:return false;'" :target="item.url ? '_blank' : ''" style="cursor: default;" v-for="(item,index) in dataList" :key="index">
                  <dl>
                    <dt>
                      <img :src="url + item.image" v-if="item.image">
                    </dt>
                    <dd>{{item.name}}</dd>
                  </dl>
                </a>
              </div>
            </div>
            <div class="swiper-container partners-mo swiper-container-horizontal">
              <div class="swiper-wrapper" id="t-partnerListM" style="transition-duration: 0ms;">

                <div class="swiper-slide clearfix">
                  <a href="javascript:;" v-for="(item,index) in dataList" :key="index">
                    <dl>
                      <dt>
                        <img :src="url + item.image">
                        </dt>
                        <dd>{{item.name}}</dd>
                        </dl>
                        </a>
                    </div>
                  </div>
              <div class="swiper-pagination"></div>
              <span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span></div>
          </div>
        </div>
      </div>
      <footer-tab />
    </div>
</template>

<script>
  import HeaderTab from '@/components/headerTab'
  import FooterTab from '@/components/FooterTab'
  export default {
    components:{
      HeaderTab,FooterTab
    },
    data(){
      return{
        dataList:[],
        url:this.$url
      } 
    },
    mounted(){
      this.getData()
    },
    methods:{
      getData(){
        this.$http.post('index/gethezuo').then(res=>{
          console.log(res)
          this.dataList = res;
          
        })
      }
    },

  }
</script>

<style scoped>

</style>
